<template>
    <!--页面布局-->
    <!--<main-layout></main-layout>-->
  <div id="app" style="height:100%">
    <router-view></router-view>
  </div>
</template>

<script>
  // import MainLayout from 'components/content/mainlayout/MainLayout';
  export default {
    name: 'app',
    // components: {
    //   MainLayout
    // },
    created () {
      // 在页面加载时读取sessionStorage
      if (sessionStorage.getItem('store')) {
        this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem('store'))))
      }
      // 在页面刷新时将store保存到sessionStorage里
      window.addEventListener('beforeunload', () => {
        sessionStorage.setItem('store', JSON.stringify(this.$store.state))
      })
    }
  }
</script>

<style>
  @import "assets/css/base.css";
  @import "assets/css/index.css";
</style>
